<template>
  <div>这是分类页</div>
  <button @click="fn">跳转到我的页</button>
</template>

<script>
export default {
  // 编程式导航的意思就是用js的方式来做页面跳转
  // 优势就是在跳转的时候可以写入自己的js的逻辑代码

  // 声明式导航RouterLink的优势是tab高亮的高亮显示
  // 被选中的页面对应的标签会自动加上router-link-active类名

  // this.$route: 当前页面的路由的url信息（获取url参数的时候用）
  // this.$router: 表示的是整个项目的路由实例（编程式导航的时候用）

  // push和replace都可以用来做跳转
  // push的页面是可以返回(浏览器后退)到当前页面的
  // replace会替换到当前的页面，后退的时候就不会出现这个页面了
  // go方法用于做前进和后退，里面写整数，正数表示前进，负数表示后退

  // RouterLink不操作，默认是push的跳转
  // 也可以加replace属性，变成replace的跳转方式

  methods: {
    fn() {
      // setTimeout(() => {
      //   this.$router.push("/mine");
      // }, 1000);
      // this.$router.push("/mine");
      // console.log(this.$router);
      // this.$router.push("/mine");
      // this.$router.replace("/mine");
      this.$router.go(-1);
    },
  },
};
</script>
